<template>
  <!-- <view class="page" :style="{ 'padding-top': `calc(25rpx + ${capsuleInfo?.bottom}px)` }"> </view> -->
  <view class="page">
    <div class="empty_box" :style="{ height: barHeight + 'px' }"></div>
  </view>

  <tabBar :current="1" @barHeight="setBarheight" />
</template>

<script setup>
  import { ref, computed, nextTick } from 'vue';
  import { onShow, onLoad } from '@dcloudio/uni-app';
  import tabBar from '../../components/tabbar/tabbar';

  uni.hideTabBar();

  const userData = ref('');

  const barHeight = ref('');

  onLoad(() => {
    console.log('onLoad');
  });

  function setBarheight(height) {
    barHeight.value = height;
  }
</script>

<style scoped lang="scss">
  .page {
    width: 100vw;
    min-height: 100vh;
    padding: 20rpx;
    box-sizing: border-box;
    font-size: 28rpx;
    background-color: #f5f5f5;
  }

  .content {
    background-color: #fff;
    padding: 20rpx;
    border-radius: 16rpx;
    box-sizing: border-box;
    margin-bottom: 30rpx;
  }
</style>
